import axios from 'axios'
import store from '@/store'
import { Message } from 'element-ui'
import router from '@/router'

// 创建一个axios实例 通过实例海请求接口
const service = axios.create({
  // baseURL：基地址（每个接口都有的地址），作用:后面封装的接口，地址与baseURL自动拼接到一起
  baseURL: 'https://api-hmzs.itheima.net/v1',
  timeout: 5000 // request timeout
})

// 请求拦截器
// 发送请求的时候执行
service.interceptors.request.use(
  config => {
    // config 携带的就是请求信息，return不能省
    // 这个函数通常 配置请求头 懈怠token
    const token = store.state.user.token
    if (token) {
      config.headers.Authorization = token
      // `Bearer ${token}`进行拼接
    }
    return config
  },
  error => {
    // 执行时间 请求错误的时候
    return Promise.reject(error)
  }
)

// 响应拦截器
// 服务端返回数据的时候，数据流转的第一站
service.interceptors.response.use(
  response => {
    // 响应成功 状态码2XX
    // response.data客户端返回的原始数据
    console.log(response.data)
    if (response.data.code != 10000) {
      Message.error(response.data.msg)
      return Promise.reject(response.daat)
    } else {
      return response.data
    }
  },
  error => {
    // 响应失败 状态码4XX-5XX
    // error错误信息
    // 可以做一个统一的错误处理
    // 在这里判断token是否过期
    if (error.response.status === 401) {
      //清空token并跳转到登录页
      store.commit('user/removeToken')
      router.push('/login')
    }
    // 错误弹框
    Message.error(error.response.data.msg)
    return Promise.reject(error)
  }
)

export default service
